<template>
    <div>
<div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <p >nmbnmbnbm</p>
        <img src="http://iph.href.lu/40x40" alt="">
        <img src="http://iph.href.lu/40x40" alt="">
        <img src="http://iph.href.lu/40x40" alt="">
        <img src="http://iph.href.lu/40x40" alt="">

      </div>
      <div class="swiper-slide">
        <img src="http://iph.href.lu/375x200" alt="">
      </div>
      <div class="swiper-slide">
        <img src="http://iph.href.lu/375x200" alt="">
      </div>
    </div>
  </div>
    </div>

</template>

<script>

import Swiper from 'Swiper'

export default {
    name:'Swiper',
    data(){
        return{
            
        }
    },
    mounted(){
      var mySwiper = new Swiper('.swiper-container', {
          width: window.innerWidth,
          height:200,
          

        })
    }
}
</script>
<style scoped>
  .swiper-slide{
    display: flex;
    justify-content: space-around;
  }

</style>


